<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" id="inp">
    <button id="btn">判断能否被3和7整除</button>
    <input type="text" id="res">

    <script>

        // 思路
        //    1 那所有对象
        //    2 绑定点击事件
        //       2.1 那输入框的值
        //       2.2 逻辑判断


        var oInp = document.getElementById('inp') ;
        var oBtn = document.getElementById('btn') ;
        var oRes = document.getElementById('res') ;

        // 2 点击
        oBtn.onclick = function() {
            // 2.1 拿值
            var n = oInp.value ;
            // 2.2 判断是否能同时被3和7整除   3整除并且能被7整除
            if(n % 3 === 0 && n % 7 === 0) {
                alert('ok') ;
            } 
            else {
                alert('不ok') ;
            }
        }

    </script>
    
</body>
</html>